$primary-color: #0F5DF9;
$secondary-color: #D5EAFF;

// 按钮背景 首要 蓝色
$button-primary-bg: $primary-color;
// 按钮背景 次要 蓝色
$button-secondary-bg: $secondary-color;
// 按钮文字 首要 蓝色
$button-primary-text-color: #FFFFFF;
// 按钮文字 次要 蓝色
$button-secondary-text-color: $primary-color;
// 按钮背景 渐变蓝色
$button-bg-gradient-blue: radial-gradient(140.74% 287.92% at -19.91% -25%, #928DFF 18.2%, #007AF5 48.47%, #2236FF 100%) ;
// 按钮背景 反向渐变蓝色
$button-bg-gradient-reverse-blue: radial-gradient(140.74% 287.92% at -19.91% -25%, #2236FF 18.2%, #007AF5 48.47%, #928DFF 100%) ;

// 标签背景颜色 首要
$tag-primary-bg: $primary-color;
// 标签背景颜色 次要
$tag-secondary-bg: #E9EDF5;
// 标签文字颜色 首要
$tag-primary-text-color: #FFFFFF;
// 标签文字颜色 次要
$tag-secondary-text-color: #5B5B5B;

// 卡片文字 首要
$card-primary-text-color: #111111;
// 卡片文字 次要
$card-secondary-text-color: #434C59;

$icon-default-color: #68778A;

// 侧边栏样式集合
// 侧边栏按钮样式
.sidebar-button-custom {
  background: $button-bg-gradient-blue;
  font-size: 1rem !important;
  color: #fff;
  border-radius: 12px;
  height: 2.5rem;
  :deep(.anticon + span) {
    // 这里写你想要的样式
    margin-left: 3px;  // 例如：设置图标和文字之间的间距
  }

}
// 悬停样式
.sidebar-button-custom:hover {
  background: $button-bg-gradient-reverse-blue;
  color: #fff;

}